<template>
  <div style="width: 100vw;height: 100vh;">
    <div
        class="custom-titlebar koala-title"
    >
      Koala
    </div>
    <div style="display: flex;height: calc(100vh - 40px)">
      <leftBanner></leftBanner>
      <chatContent></chatContent>
    </div>
  </div>

</template>
<script setup>
import leftBanner from '@/components/leftBanner/index.vue'
import chatContent from '@/components/chatContent/index.vue'
</script>

<style scoped>
.custom-titlebar {
  padding: 1% 2%;
  /* ... 省略其他样式 */
  /* 避免选中窗口标题 */
  user-select: none;
  /* 设置该属性表明这是可拖拽区域，用来移动窗口 */
  -webkit-app-region: drag;
  background-color: rgb(13, 13, 14);
  height: 40px;
  color: white;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
</style>
